<template>
  <div>
  <div class="bigtitle"><h1>信息订阅<span class="futit">Information Subscription</span></h1></div>
    <checklist :title="'订阅成功后，可在微信内收取已订阅内容的推送'" :label-position="labelPosition" required :options="commonList" v-model="checklist001" @on-change="change"></checklist>
    <div style="padding:15px;">
      <x-button type="primary">确定订阅</x-button>
    </div>

    
  </div>
</template>

<script>
import { Group, CellBox, Checklist, Cell, Divider, XButton } from 'vux'

export default {
  components: {
    Group,
    Checklist,
    Cell,
    Divider,
    XButton,
    CellBox
  },
  methods: {
    change (val, label) {
      console.log('change', val, label)
    }
  },
  data () {
    return {
      commonList: [ '货物申报订阅', '货物动态订阅', '舱单状态订阅', '查验动态订阅' ]
    }
  }
}
</script>
